<template>
  <a-tabs>
    <a-tab-pane
      key="1"
      tab="Email"
    >
      <EmailForm @retrieve="retrieve" />
    </a-tab-pane>
    <a-tab-pane
      key="2"
      tab="Mobile Phone No"
    >
      <PhoneForm @retrieve="retrieve" />
    </a-tab-pane>
  </a-tabs>
</template>

<script>
import EmailForm from './email/Form.vue';
import PhoneForm from './phone/Form.vue';

export default {
  components: {
    EmailForm,
    PhoneForm
  },

  methods: {
    // retrieve
    retrieve(fields) {
      this.$emit('retrieve', fields);
    }
  }
};
</script>

<style lang="scss" scoped>
</style>
